<template>
	<div class="middle">
		<div class="middlebg"></div>
		<el-tabs v-model="activeName2" type="card" class="content" @tab-click="handleClick">
			<el-tab-pane label="学年设置" name="first">
				<div v-if="rule==2?false:true">
					<div class="title">添加学年</div>
					<div class="select">
						<el-date-picker v-model="school" size="small" type="year" @change="dateChange" placeholder="选择学年"></el-date-picker>
						<el-select v-model="value" placeholder="选择学期" size="small">
							<el-option v-for="item in semeter" :key="item.value" :label="item.label" :value="item.value"></el-option>
						</el-select>
						<el-date-picker v-model="startTime" size="small" type="date" @change="dateChange2" placeholder="开始日期"></el-date-picker>
						<el-date-picker v-model="endTime" size="small" type="date" @change="dateChange3" placeholder="结束日期"></el-date-picker>
						<el-button type="primary" size="small" @click="insertSchoolYear">添 加</el-button>
					</div>
				</div>
				<div>
					<div class="title">往期学年</div>
					<!--表格区域-->
					<el-table :data="yearInfo" style="width: 100%">
            <el-table-column prop="year" label="年份" width="180" align="center"></el-table-column>
            <el-table-column prop="semester" label="学期" width="180" align="center"></el-table-column>
            <el-table-column prop="start" label="起始日期" width="180"align="center"></el-table-column>
            <el-table-column prop="end" label="结束日期" width="180" align="center"></el-table-column>
            <el-table-column prop="address" label="操作" align="center" v-if="rule==2?false:true">
              <template slot-scope="scope">
              <el-button @click="edit(scope.row.id)" type="success" plain size="mini">编辑</el-button>
              <el-button @click="del(scope.row.id)" type="danger"  plain size="mini">删除</el-button>
              </template>
            </el-table-column>
					</el-table>
					<!--分页功能-->
					<el-pagination
					   class="fenye"
					   @size-change="SizeChange"
					   @current-change="currentChange"
					   :current-page="page"
					   :page-sizes="pagesizes"
					   :page-size="rows"
					   layout="total, sizes, prev, pager, next, jumper"
					   :total="total"
					   v-if ="yearInfo.length == 0? false :true">
					</el-pagination>
				</div>
				<el-dialog class="edit" title="编辑学年" :visible.sync="editDialog">
					<el-form :label-position="labelPosition" :model="editMessage" label-width="80px">
						<el-form-item label="年份">
						  <el-input v-model="editMessage.year" disabled auto-complete="off"></el-input>
						</el-form-item>
						<el-form-item label="学期">
						  <el-input v-model="editMessage.semesters" disabled auto-complete="off"></el-input>
						</el-form-item>
						<el-form-item label="开始时间">
							<el-col :span="11">
							  <el-date-picker type="date" placeholder="选择日期" v-model="editMessage.start" @change="dateChange4" style="width: 100%;"></el-date-picker>
							</el-col>
						</el-form-item>
						<el-form-item label="结束时间">
							<el-col :span="11">
							  <el-date-picker type="date" placeholder="选择日期" v-model="editMessage.end" @change="dateChange5" style="width: 100%;"></el-date-picker>
							</el-col>
						</el-form-item>
					</el-form>
					<div slot="footer" class="dialog-footer">
						<el-button type="primary" @click="editpost">确 定</el-button>
					</div>
				</el-dialog>
			</el-tab-pane>
			<el-tab-pane class="message" label="个人信息" name="second">
				<!-- 管理员 -->
				<el-form v-if="rule==2?false:true" :model="schoolMessage" :rules="rules2" ref="schoolMessage" :inline="true" label-position="right" class="add">
					<el-form-item label="账号类别" class="number">
						<el-input class="input" disabled  v-model="schoolNumber" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="注册时间" class="class">
						<el-input class="input" disabled v-model="schoolMessage.school_time" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="姓名" class="name">
						<el-input class="input" v-model="schoolMessage.phone_name" autocomplete="off"></el-input>
					</el-form-item>
          <div class="sex">
            性别
            <el-radio class="boy" v-model="schoolMessage.sex" :label="1">男</el-radio>
            <el-radio v-model="schoolMessage.sex" :label="2">女</el-radio>
          </div>
					<el-form-item label="邮箱" class="email" prop ="email">
					  <el-input type="text" v-model="schoolMessage.newEmail" class="input" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="邮箱" class="email" prop ="email" style="display: none;">
					  <el-input type="text" v-model="schoolMessage.email" class="input" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="电话" class="phone" prop="phone">
					  <el-input class="input" v-model="schoolMessage.newPhone" autocomplete="off"></el-input>
					</el-form-item>
          <el-form-item label="电话" class="phone" prop="phone" style="display: none;">
            <el-input class="input" v-model="schoolMessage.phone" autocomplete="off"></el-input>
          </el-form-item>
				  <template>
				  	<div class="textarea">
				  		备注
						<el-input type="textarea" class="input" v-model="schoolMessage.content" :rows="4" placeholder="请输入内容">
						</el-input>
				  	</div>
				  </template>
				  <el-form-item  class="btn">
				  	<el-button type="primary" @click="updatePersonalInfo2">保存</el-button>
				  </el-form-item>
				</el-form>
				<!-- 教师 -->
				<el-form v-if="rule==1?false:true" :model="teacherMessage" :rules="rules2" ref="teacherMessage" :inline="true" label-position="right" class="add">
					<el-form-item label="账号类别" class="number">
						<el-input class="input" disabled  v-model="number" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="注册时间" class="class">
						<el-input class="input" disabled v-model="teacherMessage.create_time" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="姓名" class="name">
						<el-input class="input" v-model="teacherMessage.teacher_name" autocomplete="off"></el-input>
					</el-form-item>
				  	<div class="sex">
				  		性别
						<el-radio class="boy" v-model="teacherMessage.sex" :label="1">男</el-radio>
						<el-radio v-model="teacherMessage.sex" :label="2">女</el-radio>
				  	</div>
					<el-form-item label="邮箱" class="email" prop ="teacher_phone">
					  <el-input type="text" v-model="teacherMessage.newEmail" class="input" autocomplete="off"></el-input>
					</el-form-item>
          <el-form-item label="邮箱" class="email" prop ="teacher_phone" style="display: none">
					  <el-input type="text" v-model="teacherMessage.email" class="input" autocomplete="off"></el-input>
					</el-form-item>
					<el-form-item label="电话" class="phone">
					  <el-input class="input" disabled v-model="teacherMessage.teacher_phone" autocomplete="off"></el-input>
					</el-form-item>
				  <template>
				  	<div class="textarea">
				  		备注
						<el-input type="textarea" class="input" v-model="teacherMessage.content" :rows="4" placeholder="请输入内容">
						</el-input>
				  	</div>
				  </template>
				  <el-form-item  class="btn">
				  	<el-button type="primary" @click="updatePersonalInfo">保存</el-button>
				  </el-form-item>
				</el-form>
			</el-tab-pane>
			<el-tab-pane label="修改密码" name="third">
				<div class="password">
          <!--教师密码修改-->
					<el-form  v-if="rule==1?false:true" :model="ruleForm2"  status-icon :rules="rules2" ref="ruleForm2" label-width="100px" class="demo-ruleForm">
						<el-form-item label="账号">
							<el-input type="number" disabled v-model="teacherPhone" auto-complete="off"></el-input>
						</el-form-item>
						<el-form-item label="原密码">
					  		<el-input type="password" v-model="ruleForm2.password" auto-complete="off"></el-input>
						</el-form-item>
						<el-form-item label="密码" prop="pass1">
							<el-input type="password" v-model="ruleForm2.pass1" auto-complete="off"></el-input>
						</el-form-item>
						<el-form-item label="确认密码" prop="checkPass1">
							<el-input type="password" v-model="ruleForm2.checkPass1" auto-complete="off"></el-input>
						</el-form-item>
						<el-form-item>
							<el-button type="primary" @click="submitForm">保存</el-button>
						</el-form-item>
					</el-form>
          <!--管理员密码修改-->
					<el-form  v-if="rule==2?false:true" :model="ruleForm3"  status-icon :rules="rules2" ref="ruleForm3" label-width="100px" class="demo-ruleForm">
						<el-form-item label="账号">
							<el-input type="text" disabled v-model="schoolPhone" auto-complete="off"></el-input>
						</el-form-item>
						<el-form-item label="原密码">
					  		<el-input type="password" v-model="ruleForm3.password" auto-complete="off"></el-input>
						</el-form-item>
						<el-form-item label="密码" prop="pass">
							<el-input type="password" v-model="ruleForm3.pass" auto-complete="off"></el-input>
						</el-form-item>
						<el-form-item label="确认密码" prop="checkPass">
							<el-input type="password" v-model="ruleForm3.checkPass" auto-complete="off"></el-input>
						</el-form-item>
						<el-form-item>
							<el-button type="primary" @click="submitForm2">保存</el-button>
						</el-form-item>
					</el-form>
				</div>
			</el-tab-pane>
			<el-tab-pane label="系统信息" name="fourth">
				<div class="system">
					<div>
						<span class="one">学校名称</span>
						<span>{{schoolname}}</span>
					</div>
					<div>
						<span class="one">系统名称</span>
						<span>体简-智慧体育教育系统</span>
					</div>
					<div>
						<span class="one">系统版本</span>
						<span>v1.0</span>
					</div>
					<div>
						<span class="one">使用期限</span>
						<span>{{systemTime.year}}({{systemTime.section}})</span>
						<a href="javascript:;" @click="watch">申请延期 </a>
						<span id="qq">联系客服：QQ：178158097</span>
					</div>
				</div>
			</el-tab-pane>
		</el-tabs>
	</div>
</template>
<script>
	export default {
		data(){
			//手机号验证
			var validatePhone =(rule,value,callback)=>{
				var reg = 11 && /^((13|14|15|17|18)[0-9]{1}\d{8})$/;
				if(reg.test(value)){
					callback()
				}else {
					return callback(new Error('请输入正确手机号!'));
				}
			};
			//邮箱验证
			var validateEmail =(rule,value,callback)=>{
				var reg=/^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;
				if(reg.test(value)){
					callback()
				}else {
					return callback(new Error('请输入正确邮箱!'));
				}
			};
      //教师密码验证
      var teacherValidatePass = (rule, value, callback) => {
        if (value == '') {
          callback(new Error('请输入新密码'));
        } else if (this.ruleForm2.checkPass1 !== '') {
          this.$refs.ruleForm2.validateField('checkPass1');
        }
        callback();
      };
      var teacherValidatePass2 = (rule, value, callback) => {
        if (value == '') {
          callback(new Error('请再次输入密码'));
        } else if (value != this.ruleForm2.pass1) {
          callback(new Error('两次输入密码不一致!'));
        } else {
          callback();
        }
      };
			// 管理员密码验证
			var validatePass = (rule, value, callback) => {
				if (value == '') {
				  callback(new Error('请输入新密码'));
				} else {
				  if (this.ruleForm3.checkPass !== '') {
					this.$refs.ruleForm3.validateField('checkPass');
				  }
				  callback();
				}
      };
			var validatePass2 = (rule, value, callback) => {
				if (value == '') {
				  callback(new Error('请再次输入密码'));
				} else if (value != this.ruleForm3.pass) {
				  callback(new Error('两次输入密码不一致!'));
				} else {
				  callback();
				}
			};

			return {
				activeName2: 'first',
				school:'',
				value:'',
				semeter:[{
					value:'1',
					label:'上学期'
				},
				{
					value:'2',
					label:'下学期'
				}],
				startTime:'',//开始日期
				endTime:'',
				yearInfo:[],//表格信息
				rows:6,//每页几条
				page:1,//当前显示页数
				pagesizes:[6,15,20,25],//更改每页显示条数
				total:20,//一共多少条,
				editMessage:{
					id:'',
					year:'',
					semester:'',
					semesters:'',
					start:'',
					end:'',
				},
				number:'教师',
				//老师的个人信息
				teacherMessage:{
					create_time:'',
					teacher_name:'',
					sex:'',
					email:'',
          newEmail:'',
					teacher_phone:'',
					content:'',
					id:'',
				},
				schoolNumber:'管理员',
				//管理员的个人信息
				schoolMessage:{
					login:'',
					phone_name:'',
					sex:'',
					email:'',
          newEmail:'',
					content:'',
					phone:'',
          newPhone:'',
					school_id:'',
					school_name:'',
				},
				sex:'',
				editDialog:false,//编辑面板隐藏
				labelPosition:'right',//右对其
				schoolMessage:{
					phone:'',
					email:'',
				},
				teacherMessage:{
					email:'',
				},
				ruleForm2: {
					password:'',
					pass1: '',
					checkPass1: '',
				},
				ruleForm3: {
					password:'',
					pass: '',
					checkPass: '',
				},
				rule:'',
				teacherPhone:'',//教师账号
				schoolPhone:'',//学校账号
				teacherId:'',//教师id
				school_id:'',//管理员
				schoolname:'',//学校名称
				systemTime:'',//使用期限
				rules2: {
          pass1: [
            { validator: teacherValidatePass, trigger: 'blur' }
          ],
          checkPass1: [
            { validator: teacherValidatePass2, trigger: 'blur' }
          ],
          pass: [
            { validator: validatePass, trigger: 'blur' }
          ],
          checkPass: [
            { validator: validatePass2, trigger: 'blur' }
          ],
					phone:[
						{ validator: validatePhone, trigger: 'blur' }
					],
					email:[
						{ validator: validateEmail, trigger: 'blur' }
					]
				}
			}
		},
		methods:{
			dateChange(val) {
				this.school=val.getFullYear()+''
			},
			dateChange2(val) {
				var M = (val.getMonth() + 1 < 10 ? '0' + (val.getMonth() + 1) : val.getMonth() + 1)+'';
				var D = val.getDate() < 10 ? '0' + val.getDate() + ' ' : val.getDate() + ' ';
				this.startTime=val.getFullYear() + '-' + M + '-' + D;
			},
			dateChange3(val) {
				var M = (val.getMonth() + 1 < 10 ? '0' + (val.getMonth() + 1) : val.getMonth() + 1)+'';
				var D = val.getDate() < 10 ? '0' + val.getDate() + ' ' : val.getDate() + ' ';
				this.endTime=val.getFullYear() + '-' + M + '-' + D;
			},
			handleClick(tab, event) {
			},
			//添加学年
			insertSchoolYear(){
			  if(this.school == ''){
          this.$message({
            type:'error',
            message:'学年不能为空'
          })
        }else if(this.value == ''){
          this.$message({
            type:'error',
            message:'学期不能为空'
          })
        }else if(this.startTime == ''){
          this.$message({
            type:'error',
            message:'开始时间不能为空'
          })
        }else if(this.endTime == ''){
          this.$message({
            type:'error',
            message:'结束时间不能为空'
          })
        }
				this.$http.post('/api/school_year/insert',{
					year:this.school,
					semester:this.value,
					start:this.startTime,
					end:this.endTime,
				}).then(res=>{
					if (res.data.code == 200) {
						this.$message({
							type:'success',
							message:res.data.msg
						})
						this.getSchoolYearInfo()
					}
				})
			},
			//学年列表
			getSchoolYearInfo(){
				this.$http.post('/api/school_year/getSchoolYearInfo',{
					page:this.page,
					rows:this.rows
				}).then(res=>{
					this.total = res.data.count
					this.yearInfo = res.data.data
					this.yearInfo.map(item=>{
						if(item.semester == 1){
							item.semester = '上学期'
						}else{
							item.semester = '下学期'
						}
					})
				})
			},
			//删除学年
			del(id) {
				this.$confirm('是否永久删除, 是否继续?', '提示', {
				  confirmButtonText: '确定',
				  cancelButtonText: '取消',
				  type: 'warning'
				}).then(() => {
					this.$http.post('/api/school_year/delete', {
						id:id
					}).then(res=>{
						if (res.data.code == 200) {
							this.$message({
								type:'success',
								message:res.data.msg
							})
							this.getSchoolYearInfo()
						} else if(res.data.errorCode){
							this.$message({
								type:'error',
								message:res.data.msg
							})
						}
						this.getSchoolYearInfo()
					})
				}).catch(() => {
				  this.$message({
				    type: 'info',
				    message: '已取消删除'
				  });
				});
			},
			//编辑
			edit(id){
				this.$http.post('/api/school_year/edit',{
					id:id
				}).then(res=>{
					this.editMessage = res.data.data
					if(this.editMessage.semester == 1){
						this.editMessage.semesters ='上学期'
					}else {
						this.editMessage.semesters='下学期'
					}
				})
				this.editDialog = true
			},
			editpost(){
				this.$http.post('/api/school_year/update',{
					id:this.editMessage.id,
					start:this.editMessage.start,
					end:this.editMessage.end
				}).then(res=>{
					if (res.data.code == 200) {
						this.$message({
							type:'success',
							message:res.data.msg
						})
						this.getSchoolYearInfo()
						this.editDialog = false
					} else if(res.data.errorCode){
						this.$message({
							type:'error',
							message:res.data.msg
						})
					}
				})
			},
			dateChange4(val) {
				var M = (val.getMonth() + 1 < 10 ? '0' + (val.getMonth() + 1) : val.getMonth() + 1)+'';
				var D = val.getDate() < 10 ? '0' + val.getDate() + ' ' : val.getDate() + ' ';
				this.editMessage.start=val.getFullYear() + '-' +  M + '-' + D;
			},
			dateChange5(val) {
				var M = (val.getMonth() + 1 < 10 ? '0' + (val.getMonth() + 1) : val.getMonth() + 1)+'';
				var D = val.getDate() < 10 ? '0' + val.getDate() + ' ' : val.getDate() + ' ';
				this.editMessage.end=val.getFullYear() + '-' + M + '-' + D;
			},
			//每页显示条数
			SizeChange(val){
				this.rows = val
        this.getSchoolYearInfo()
			},
			//切换第几页
			currentChange(val){
        this.page = val
        this.getSchoolYearInfo()
			},
			//教师，管理员个人信息
			personalInfo(){
				this.$http.post('/api/personal/personalInfo')
					.then(res=>{
						//教师账号
						this.teacherPhone = res.data.data.teacher_phone
						this.teacherId = res.data.data.id
						if(this.rule == 1) {
							this.schoolMessage = res.data.data
              this.schoolMessage.newPhone = res.data.data.phone
              this.schoolMessage.newEmail = res.data.data.email
						}else {
							this.teacherMessage= res.data.data
              this.teacherMessage.newEmail = res.data.data.email
						}
						this.schoolPhone = res.data.data.login
						this.school_id = res.data.data.school_id
					})
			},
			//修改老师个人信息
			updatePersonalInfo() {
			  if(this.teacherMessage.newEmail == '') {
			    this.$message({
            type:'error',
            message:'邮箱不能为空'
          })
          return
        }
				this.$http.post('/api/personal/updatePersonalInfo',{
					teacher_name:this.teacherMessage.teacher_name,
					sex:this.teacherMessage.sex,
					email:this.teacherMessage.newEmail,
          old_email:this.teacherMessage.email,
					content:this.teacherMessage.content,
					phone:this.teacherMessage.teacher_phone,
					id:this.teacherMessage.id
				}).then(res=>{
					if (res.data.code == 200) {
						this.$message({
							type:'success',
							message:res.data.msg
						})
					} else if(res.data.errorCode){
						this.$message({
							type:'error',
							message:res.data.msg
						})
					}
				})
			},
			//修改管理员信息
			updatePersonalInfo2(){
        if(this.schoolMessage.newEmail == '') {
          this.$message({
            type:'error',
            message:'邮箱不能为空'
          })
          return
        }
				this.$http.post('/api/personal/updatePersonalInfo',{
					phone_name:this.schoolMessage.phone_name,
					sex:this.schoolMessage.sex,
					email:this.schoolMessage.newEmail,
          old_email:this.schoolMessage.email,
					content:this.schoolMessage.content,
					phone:this.schoolMessage.phone,
          old_phone:this.schoolMessage.newPhone,
					id:this.schoolMessage.school_id,
					school_name:this.schoolMessage.school_name
				}).then(res=>{
					if (res.data.code == 200) {
						this.$message({
							type:'success',
							message:res.data.msg
						})
					} else if(res.data.errorCode){
						this.$message({
							type:'error',
							message:res.data.msg
						})
					}
				})
			},
			//修改教师密码
			submitForm() {
        if(this.ruleForm2.checkPass1.length == 0 || this.ruleForm2.pass1.length == 0){
          this.$message({
            type:'error',
            message:'密码不能为空'
          })
          return
        }
			  if(this.ruleForm2.pass1 !=this.ruleForm2.checkPass1 ) {
          // this.$message({
          //   type:'error',
          //   message:'两次密码不一致'
          // })
			    return
        }
        if(this.ruleForm2.pass1.length <6 ||this.ruleForm2.pass1.length >20) {
          this.$message({
            type:'error',
            message:'密码6-20位'
          })
          return
        }
				this.$http.post('/api/personal/personalUpdatePassword',{
					id:this.teacherId,
					original_password:this.ruleForm2.password,
					password:this.ruleForm2.pass1
				}).then(res=>{
					if(res.data.code == 200){
						this.$message({
							type:'success',
							message:res.data.msg
						})
            this.ruleForm2.password=''
            this.ruleForm2.pass1=''
            this.ruleForm2.checkPass1 = ''
            setTimeout(function(){
              location.href = '/';
            },1000)
					}else if(res.data.errorCode == 400)
					this.$message({
						type:'error',
						message:res.data.msg
					})
				})
			},
			//修改管理员密码
			submitForm2() {
        if(this.ruleForm3.checkPass.length == 0 || this.ruleForm3.pass.length == 0){
          this.$message({
            type:'error',
            message:'密码不能为空'
          })
          return
        }
        if(this.ruleForm3.pass !=this.ruleForm3.checkPass ) {
          // this.$message({
          //   type:'error',
          //   message:'两次密码不一致'
          // })
          return
        }
        if(this.ruleForm3.pass.length <6 ||this.ruleForm3.pass.length >20) {
          this.$message({
            type:'error',
            message:'密码6-20位'
          })
          return
        }
				this.$http.post('/api/personal/personalUpdatePassword',{
					school_id:this.school_id,
					original_password:this.ruleForm3.password,
					password:this.ruleForm3.pass
				}).then(res=>{
					if(res.data.code == 200){
						this.$message({
							type:'success',
							message:res.data.msg
						})
            this.ruleForm3.password =''
            this.ruleForm3.pass =''
            this.ruleForm3.checkPass = ''
						setTimeout(function(){
              location.href = '/';
            },1000)

          }else if(res.data.errorCode == 400)
					this.$message({
						type:'error',
						message:res.data.msg
					})
				})
			},
			resetForm(formName) {
				this.$refs[formName].resetFields();
			},

			//使用期限
			serviceLife(){
				this.$http.post('/api/personal/serviceLife')
					.then(res=>{
						this.systemTime = res.data.data
					})
			},
			watch(){
				$('#qq').show()
			},

		},
		created(){
      if(this.$route.query.tab == undefined){
        this.activeName2 ='first'
      }else {
        this.activeName2 = this.$route.query.tab
      }
			this.getSchoolYearInfo()
			this.serviceLife()
			this.personalInfo()
			//学校
			this.schoolname = localStorage.getItem('schoolname')
			//获取到身份
			this.rule = localStorage.getItem('rule')
		}
	}
</script>

<style>
	.el-main {
		padding: 0;
	}
	.el-tabs.el-tabs--card.el-tabs--top  {
		background: #fff;
	}
</style>
<style lang="less" scoped>
	.middle {
		height: 98%;
	    width: 96%;
	    background:repeat center top;
	    background-size: contain;
	    padding-left: 2%;
	    padding-right: 2%;
	    padding-top: 1%;
		.middlebg {
			position: fixed;
			top: 0;
			left: 0;
			z-index: -1;
			width: 100%;
			height: 100%;
			background: url(../../assets/image/bg-img.png) no-repeat center;
			background-size: 100%;

		}
		.content {
			/deep/.el-tabs__content {
				padding: 0 20px;
			}
			/deep/.el-tabs__item.is-active {
				color: #00B02D;
			}
			.title {
				color: #00B02D;
				font-size: 18px;
				font-weight: 500;
				margin-bottom: 20px;
			}
			.select {
				margin-bottom: 20px;
				/deep/.el-select.el-select--small {
					margin-right: 10px;
				}
				/deep/.el-date-editor.el-input.el-input--small.el-input--prefix.el-input--suffix.el-date-editor--date {
					margin-right: 10px;
				}
			}
			.fenye {
				margin: 20px 0;
				text-align: center;

			}
			.edit {
				/deep/.el-form-item {
					margin: 0;
				}
				/deep/.el-dialog__body {
					padding-top: 0;
					/deep/input.el-input__inner {
						width: 200px;
					}
					/deep/.el-form-item {
						margin: 14px 0px;
					}
				}
			}
			/deep/.el-dialog {
				width: 500px;
			}
			.message {
				width: 700px;
				padding: 40px 20px;
				.add {
					/deep/.el-date-editor.el-input, .el-date-editor.el-input__inner {
						width: 200px;
						margin-left: 5px;
					}
					.number {
						padding-left: 30px;
						margin-right:100px;
					}
					.name,.email {
						padding-left: 58px;
					}
					.birthday{
						display: inline-block
					}
					.sex,.phone {
						color: #606266;
						font-size: 14px;
						padding-left: 120px;
						display: inline-block;
						.boy {
							margin-left: 10px;
						}
					}
					.textarea {
						color: #606266;
						font-size: 14px;
						padding-left: 58px;
						padding-right: 20px;
						.input {
							margin-top: 5px;
						}
					}
					.telinput {
						margin-right: 76px;
					}
					.btn{
						margin: 20px 0;
						padding-left: 300px;
					}

				}
			}
			//修改密码
			.password {
				padding: 40px 0 0 60px;
				/deep/input.el-input__inner {
					width: 300px;
				}
			}
			//系统信息
			.system {
				padding: 40px 0 0 60px;
				margin-bottom: 60px;
				div {
					height: 50px;
					line-height: 50px;
					border-bottom: 1px solid #ccc;
					width: 700px;
					.one {
						display: inline-block;
						padding-right: 20px;
						color: #666;
					}
					#qq {
						display: none;
					}
					a {
						padding-left: 20px;
						color: #3598dc;
						text-decoration: underline;
					}

				}
			}

		}
		/deep/.content.el-tabs.el-tabs--card.el-tabs--top {
			padding: 0;
		}

	}
</style>
